﻿<%@ page title="" language="C#" masterpagefile="~/master/complaintMaster.master" autoeventwireup="true" inherits="pages_complaints_regComplaint, App_Web_h3b2eysw" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
    <script src="http://<%= System.Configuration.ConfigurationManager.AppSettings["statichost"] %>/_scripts/app/predictiveSrchProduct.js" type="text/javascript"></script>
    <link href="http://<%= System.Configuration.ConfigurationManager.AppSettings["statichost"] %>/App_Themes/main/PredSrhChgLoc.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="http://<%= System.Configuration.ConfigurationManager.AppSettings["statichost"] %>/_scripts/common/app.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#txtScheduleDt').datepicker({ minDate: 0, dateFormat: "dd/mm/yy" }).datepicker("setDate", new Date());
        });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<div class="complaintContainer">
    <div class="subTitle">
        CUSTOMER DETAILS
    </div>
    <div class="formRow">
        <div class="formContainer">
            <span class="spnText">Customer Name<span style="color:Red;">*</span></span>
            <div class="inputDiv">
                <input id="txtCustomerName" type="text" class="addCustomerFormInput" onkeydown="$('#cusNameAlert').text('');" />
                <div id="cusNameAlert" class="alert">
                    
                </div>
            </div>
        </div>
    </div>
    <div class="formRow">
        <div class="formContainer">
            <span class="spnText">Address<span style="color:Red;">*</span></span>
            <div class="inputDiv" style="height: 120px;">
                <textarea id="txtCusAddress" class="StStng_GAnalyticsTxtA" onkeydown="$('#cusAddressAlert').text('');"></textarea>
                <div id="cusAddressAlert" class="alert">
                    
                </div>
            </div>
        </div>
        <div class="formContainer">
            <span class="spnText">Route<span style="color:Red;">*</span></span>
            <div class="inputDiv">
                <input id="txtRoute" type="text" class="addCustomerFormInput" onkeydown="$('#cusRouteAlert').text('');" />
                <div id="cusRouteAlert" class="alert">
                    
                </div>
            </div>
        </div>
    </div>
    <div class="formRow">
        <div class="formContainer">
            <span class="spnText">Location/City<span style="color:Red;">*</span></span>
            <div class="inputDiv">
                <input id="txtLocation" type="text" class="addCustomerFormInput" onkeydown="$('#cusLocationAlert').text('');" />
                <div id="cusLocationAlert" class="alert">
                    
                </div>
            </div>
        </div>
        <div class="formContainer">
            <span class="spnText">Landmark<span style="color:Red;">*</span></span>
            <div class="inputDiv">
                <input id="txtLandmark" type="text" class="addCustomerFormInput" onkeydown="$('#cusLandmarkAlert').text('');" />
                <div id="cusLandmarkAlert" class="alert">
                    
                </div>
            </div>
        </div>
    </div>
    <div class="formRow">
        <div class="formContainer">
            <span class="spnText">State</span>
            <div class="inputDiv">
                <input id="txtState" type="text" class="addCustomerFormInput" />
                <div class="alert" style="display:none;">
                    **Please enter the customer name
                </div>
            </div>
        </div>
        <div class="formContainer">
            <span class="spnText">Postcode</span>
            <div class="inputDiv">
                <input id="txtPostcode" type="text" class="addCustomerFormInput" />
                <div class="alert" style="display:none;">
                    **Please enter the customer name
                </div>
            </div>
        </div>
    </div>
    <div class="formRow">
        <div class="formContainer">
            <span class="spnText">Mobile<span style="color:Red;">*</span></span>
            <div class="inputDiv">
                <input id="txtMobile" type="text" class="addCustomerFormInput" onkeydown="$('#cusMobileAlert').text('');" />
                <div class="alert" id="cusMobileAlert">
                    
                </div>
            </div>
        </div>
        <div class="formContainer">
            <span class="spnText">Landline</span>
            <div class="inputDiv">
                <input id="txtLandline" type="text" class="addCustomerFormInput" />
                <div class="alert" style="display:none;">
                    **Please enter the customer name
                </div>
            </div>
        </div>
    </div>
    <div class="formRow">
        <div class="formContainer">
            <span class="spnText">Email</span>
            <div class="inputDiv">
                <input id="txtEmail" type="text" class="addCustomerFormInput" />
                <div class="alert" style="display:none;">
                    **Please enter the customer name
                </div>
            </div>
        </div>
    </div>
    <div class="subTitle">
        PRODUCT DETAILS
    </div>
    <div class="formRow">
        <div class="formContainer">
            <span class="spnText">Category</span>
            <div class="inputDiv">
                <%--<input type="text" class="addCustomerFormInput" />--%>
                <asp:DropDownList ID="ddlProdCate" runat="server" 
                    CssClass="addCustomerFormInput" DataTextField="brandCate" DataValueField="ID" onchange="fnDdlCateChange(this);">
                </asp:DropDownList>
                <div class="alert" style="display:none;">
                    **Please enter the customer name
                </div>
            </div>
        </div>
        <div class="formContainer">
            <span class="spnText">Product<span style="color:Red;">*</span></span>
            <div id="divContainerPredictive" class="inputDiv" style="position:relative;">
                <input type="text" id="txtProductName" class="addCustomerFormInput" style="font-size:11px; width:250px;" onkeydown="$('#prodNameAlert').text('');" onkeyup="javascript:fnPredictiveSearchLoadProductName(event, this, MainSearch_LocationRefresh,true);return submitButton(event,$('divGobtn'));" />
                <a id="clickAddProduct" href="../settings/Default.aspx?k=prod" class="formLinkBtns" style="display:none;">Click here to add products</a>
                <div class="alert" id="prodNameAlert">
                    
                </div>
            </div>
        </div>
    </div>
    <div class="formRow">
        <div class="formContainer">
            <span class="spnText">Modal No</span>
            <div class="inputDiv">
                <input type="text" id="txtModalNo" class="addCustomerFormInput" />
                <div class="alert" style="display:none;">
                    **Please enter the customer name
                </div>
            </div>
        </div>
        <div class="formContainer">
            <span class="spnText">Compressor No</span>
            <div class="inputDiv">
                <input type="text" id="txtCompressorNo" class="addCustomerFormInput" />
                <div class="alert" style="display:none;">
                    **Please enter the customer name
                </div>
            </div>
        </div>
    </div>
    <div class="formRow">
        <div class="formContainer">
            <span class="spnText">Indoor S/No</span>
            <div class="inputDiv">
                <input type="text" id="txtIndoorNo" class="addCustomerFormInput" />
                <div class="alert" style="display:none;">
                    **Please enter the customer name
                </div>
            </div>
        </div>
        <div class="formContainer">
            <span class="spnText">Outdoor S/No</span>
            <div class="inputDiv">
                <input type="text" id="txtOutdoorNo" class="addCustomerFormInput" />
                <div class="alert" style="display:none;">
                    **Please enter the customer name
                </div>
            </div>
        </div>
    </div>
    <div class="subTitle">
        COMPLAINT TRACKER
    </div>
    <div class="formRow">
        <div class="formContainer">
            <span class="spnText">Complaint Description<span style="color:Red;">*</span></span>
            <div class="inputDiv" style="height:185px;">
                <textarea id="txtAreaComplaints" class="StStng_GAnalyticsTxtA" style="width:680px; height:170px;" onkeydown="$('#compDescAlert').text('');"></textarea>
                <div class="alert" id="compDescAlert">
                    
                </div>
            </div>
        </div>
    </div>
    <div class="formRow">
        <div class="formContainer">
            <span class="spnText">Technician</span>
            <div class="inputDiv">
                <asp:DropDownList ID="ddlTechnicians" DataTextField="techname" DataValueField="techguid" runat="server" CssClass="addCustomerFormInput" AppendDataBoundItems="true">
                <asp:ListItem Text="--Select Technician--" Value="" />
                </asp:DropDownList>
                <a id="clickAddTech" href="../addUsers.aspx" class="formLinkBtns" runat="server">Click here to add Technician</a>
                <div class="alert" style="display:none;">
                    **Please enter the customer name
                </div>
            </div>
        </div>
        <div class="formContainer">
            <span class="spnText">Schedule Date</span>
            <div class="inputDiv">
                <input type="text" id="txtScheduleDt" class="addCustomerFormInput" />
            </div>
        </div>
    </div>
    <div class="formRow">
        <div class="formContainer">
            <span class="spnText">Status</span>
            <div class="inputDiv">
                <%--<input type="text" class="addCustomerFormInput" />--%>
                <select id="ddlSelectStatus" class="addCustomerFormInput" onchange="fnChangeComplaintStatus(this);">
                    <option selected="selected">--Select status--</option>
                    <option value="0">New</option>
                    <option value="1">Pending</option>
                    <option value="2">Closed</option>
                </select>
                <div class="alert" style="display:none;">
                    **Please enter the customer name
                </div>
            </div>
        </div>
    </div>
    <div id="divIsSpare" class="formRow" style="display:none;">
        <div class="formContainer" style="width: 48%;">
            <span class="spnText" style="width: 300px;">Is any spare device given to customer?</span>
            <div class="inputDiv" style="margin-top: 5px;">
                <input type="radio" name="spare" onclick="fnClickYes();" value="Yes" /> Yes
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <input type="radio" name="spare" onclick="fnClickNo();" value="No"  checked="checked"/> No
                <div class="alert" style="display:none;">
                    **Please enter the customer name
                </div>
            </div>
        </div>
    </div>
    <div id="spareDetails" class="formRow" style="display:none;">
        <div class="formContainer">
            <span class="spnText">Spare Details</span>
            <div class="inputDiv">
                <input type="text" id="txtSpareDetails" class="addCustomerFormInput" />
                <div class="alert" style="display:none;">
                    **Please enter the customer name
                </div>
            </div>
        </div>
    </div>
    <div class="formRow" style="margin-top: 50px; margin-bottom:50px;">
        <div class="formContainer" style="width:50%;">
            <span class="spnText"></span>
            <div class="inputDiv" style="width:400px;">
                <div class="adminColorButton" style="margin-left:0px;" onclick="regComplaintWithoutID();">Register Complaint</div>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <div class="adminGrayButton">Cancel</div>
            </div>
        </div>
    </div>
</div>
</asp:Content>

